<template>
  <right-canvas-template :title="componentData.title" :tabName="componentData.tabName">
    <el-form class="right-paper">
      <input-normal label="设计宽度" v-model="commonAttr.designWidth" @change="onChangeAttr"></input-normal>
      <input-normal label="设计高度" v-model="commonAttr.designHeight" @change="onChangeAttr"></input-normal>
      <dropdown-normal v-model="commonAttr.itemType" :valLists="PAPER_TYPES" label="画板类型" :bIsBtn="false" @change="onChangeAttr" ></dropdown-normal>
      <textarea-normal label="自定义参数" placeholder='{"tool":{"minDistance":10},"simplifySegment":10}' v-model="commonAttr.params" @change="onChangeAttr"></textarea-normal>
  </el-form>
  </right-canvas-template>
</template>
<script>
import RightCanvasTemplate from '@/views/canvas/right/right-canvas-template.vue'
import InputNormal from '@/views/components/edit/InputNormal.vue'
import TextareaNormal from '@/views/components/edit/TextareaNormal.vue'
import DropdownNormal from '@/views/components/edit/DropdownNormal.vue'

import { canvasUtils } from '@/views/js/canvas-utils'
import { PAPER_TYPES } from '@/common/const-wb'

export default {
  name: "RightPaper",
  mixins: [canvasUtils],
  setup () {
    return {
      PAPER_TYPES: PAPER_TYPES
    }
  },
  created() {},
  components: {
    RightCanvasTemplate,
    InputNormal,
    TextareaNormal,
    DropdownNormal,
  },
  methods: {
  }
};
</script>
